* 		{font-size:12px; font-family:Arial;}
img 	{border:none;}
body 	{padding:0; margin:0; background-image:url('/images/invitation_bg.gif');}
a 		{text-decoration:none; color:#0066AA; cursor:pointer;}
a:hover {text-decoration:underline; cursor:pointer;}
/*  浮动层  -----------------------------------------------------------------------------------------*/
.layer_bg_black {
	position:fixed; 
	top:0; left:0; right:0; bottom:0; margin:0; padding:0; border:none; 
	font-size:20px;	color:#FFF; text-align:center;
	background-color:#20292F; opacity: .80; filter:Alpha(Opacity=80); 
}
.layer_bg_close {
	position: fixed;
	top:0; right:0;
	width:40px; height:40px;
	cursor: pointer;
}
/* layer_bg_close -- background-image: url('/images/close_at_bg.png'); background-repeat: no-repeat; background-position: top right; */
.layer_body_static {
	margin:0; padding:0; border:none;
}
.layer_bg_white {
	position:fixed; 
	top:0; left:0; right:0; bottom:0; margin:0; padding:0; border:none; 
	font-size:20px; text-align:center;
	background-color:#20292F; opacity: .30;	filter:Alpha(Opacity=30); 
}
.layer_body_absolute {
	position:absolute; padding:0; margin:0;
	top:50%; left:50%;
}

/*  圆角  -----------------------------------------------------------------------------------------*/
.corner_all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.corner_top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.corner_bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.corner_left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.corner_right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.corner_l {background-image:url('/images/corner_l.gif'); background-repeat:repeat-y; width:12px;}
.corner_r {background-image:url('/images/corner_r.gif'); background-repeat:repeat-y; width:11px;}
.corner_t {background-image:url('/images/corner_t.gif'); background-repeat:repeat-x; height:11px;}
.corner_b {background-image:url('/images/corner_b.gif'); background-repeat:repeat-x; height:12px;}
.corner_tl {background-image:url('/images/corner_tl.gif'); background-repeat:no-repeat; width:12px; height:11px;}
.corner_tr {background-image:url('/images/corner_tr.gif'); background-repeat:no-repeat; width:11px; height:11px;}
.corner_bl {background-image:url('/images/corner_bl.gif'); background-repeat:no-repeat; width:12px; height:12px;}
.corner_br {background-image:url('/images/corner_br.gif'); background-repeat:no-repeat; width:11px; height:12px;}

/* ClearFix  -----------------------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* Icon  -----------------------------------------------------------------------------------------*/
/* 在下面地址可以获取不同颜色的icon图 http://jqueryui.com/themeroller/images/?new=FF9966&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png  */
.icon_w { display:inline-block; vertical-align:bottom; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; width:16px; height:16px; 
	background-image:url(/images/ui-icons_ffffff_256x240.png); }
.icon_y { display:inline-block; vertical-align:bottom; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; width:16px; height:16px; 
	background-image:url(/images/ui-icons_ff9966_256x240.png); }
.icon_r { display:inline-block; vertical-align:bottom; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; width:16px; height:16px; 
	background-image:url(/images/ui-icons_ff0000_256x240.png); }
.icon_b { display:inline-block; vertical-align:bottom; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; width:16px; height:16px; 
	background-image:url(/images/ui-icons_aaccff_256x240.png); }

.icon_friend, .icon_feed	{ background-position: -208px -112px; }
.icon_circle 				{ background-position: -192px -128px; }
.icon_save 					{ background-position: -96px -112px; }
.icon_follow, .icon_rss		{ background-position: -16px -176px; }
.icon_is_recommend 			{ background-position: -224px -112px; }
.icon_setup 				{ background-position: -176px -112px;}
.icon_del 					{ background-position: -96px -128px;}
.icon_close 				{ background-position: -32px -192px;}
.icon_plus			 		{ background-position: -16px -128px;}
.icon_help			 		{ background-position: -16px -144px;}

.icon_public 				{ background-position: -16px -96px; }
.icon_protect, .icon_user 	{ background-position: -144px -96px; }
.icon_private 				{ background-position: -192px -96px; }

.icon_circle_founder 		{ background-position: -192px -128px; }
.icon_circle_admin 			{ background-position: -144px -96px; }
.icon_circle_member 		{ background-position: 30px 30px; }

.icon_triangle_up	 		{ background-position: 0 -16px; }
.icon_triangle_down 		{ background-position: -64px -16px; }
.icon_triangle_left 		{ background-position: -96px -16px; }
.icon_triangle_right 		{ background-position: -32px -16px; }

.icon_blank 				{ background-position: 30px 30px; }

.nav {background-color:#369; border-bottom:1px solid #000; color:#ACF;}
.nav .u   {font-size:26px; font-family:Arial Black,Arial; color:#ACF;}
.nav .dot {font-size:26px; font-family:Arial Black,Arial; color:#ACF;}
.nav .me  {font-size:26px; font-family:Arial Black,Arial; color:#FA6;}
.nav .nd {font-size:14px; color:#ACF; margin:0 5px;}
.nav .na {font-size:14px; color:#FFF; margin:0 5px;}
.nav .ud {font-size:12px; color:#ACF; margin:0 3px;}
.nav .ua {font-size:12px; color:#FFF; margin:0 3px;}
.nav .nk {font-size:12px; color:#FA6; margin:0 3px;}
.nav .social_icon { vertical-align: middle; margin:0 1px;}

/* footer页码栏 ~~~~~~~~~~~~  */
.page {margin:0; padding:2px 20px; text-align:right;}
.page img {cursor:pointer; margin:0 10px; width:30px; height:14px;}
.page a    {color:#ACF;}
.page span {color:#ACF;}

.tips { background-color:#FFE; border:1px solid #EEC; padding:5px 10px; text-align:center;}
.tips_big 	{background-color:#FFE; border:1px solid #EEC; padding:20px; margin:10px 20px; text-align:center;}
.tips_small {display:inline-block; background-color:#FFE; border:1px solid #EEC; padding:5px 10px; text-align:center;}

/* POPUP ~~~~~~~~~~~~  */	
.popup {background-color:#8AD; padding:0; border:1px solid #89A; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	.popup .header {padding:10px 10px 0px 10px; color:#FFF; font-size:12px; font-weight:bold;}
	.popup .content {padding:10px; margin:8px; background-color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	.popup .content li {color:#555; margin:5px 0; height:14px;}
	.popup .content li a {color:#555;}
	.popup .left {background-color:#FFF;}
	.popup .left .sub_title {margin:5px 10px; padding:5px; border-bottom:1px solid #CCC; font-weight:bold;}
	.popup .left .sub_title a {color:#69F; font-weight:normal;}
	.popup .left .sub_content {padding-left:10px;}
	.popup .left .item {}
	.popup .left .item td { padding-top:8px; padding-bottom:5px;}
	.popup .left .hover { background-color:#F9FAFF;}
	
	.popup .right {background-color:#F9FAFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
	.popup .right .sub_title {margin:5px 10px; padding:5px; border-bottom:1px solid #CCC; font-weight:bold;}
	.popup .right .sub_title a {color:#69F; font-weight:normal;}
	.popup .right .sub_content {padding-right:10px;}
	.popup .right .item {}
	.popup .right .item a{color:#000;}
	.popup .right .item td {padding-top:8px; padding-bottom:5px;}
	.popup .right .hover {}
	.popup .right .hover td{ border-bottom:1px dotted #CCC;}
	.popup .right .page { border-top:1px dotted #CCC;}
	.popup .right .page a { color:#69F;}
	.popup .right .page span { color:#999;}
	.popup .right .page .number { color:#69F; margin-left:10px; margin-right:10px;}
	
	.popup .input {border:1px solid #CCC; padding:2px 5px;}
	.popup .submit {padding-left:15px; padding-right:15px; margin-left:5px; margin-right:5px;}
	.popup .cancel {padding-left:10px; padding-right:10px; margin-left:5px; margin-right:5px; background-color:transparent; border:none; text-decoration:underline;}


.main_tb {width:1000px; background-color:#FFF;}
.main_tb .type_page{width:65%; padding:20px 20px; border-right:1px solid #EEE;}
{width:35%; padding:20px 10px; background-color:#FCFCFC;}

.article_list {}
.article_list .item     { border-bottom:1px dotted #CCC; padding:0;}
.article_list .item td  { border-bottom:1px dotted #CCC; color:#0066AA; font-size:14px; padding:10px 10px 5px 10px;}
.article_list .hover    { background-color:#F5F5F5;}
.article_list .hover td { background-color:#F5F5F5;}
.article_list .item .row1 { padding:10px 0px 1px 20px; }
.article_list .item .row1 .dt {display:block; float:right; width:90px; font-size:12px; line-height:20px; height:20px; color:#777777; overflow:hidden; word-break:break-all; text-decoration:none; padding-top:1px;}
.article_list .item .row1 .txt {display:block; margin:0 170px 0 0px;   font-size:12px; line-height:20px; height:20px; color:#777777; overflow:hidden; word-break:break-all; text-decoration:none;}
.article_list .item .row1 .txt a    {font-size:12px; color:#777777; text-decoration:underline;}
.article_list .item .row1 .txt span {font-size:12px; color:#777777;}
.article_list .item .row2 {}
.article_list .item .row2 .chk   {display:block; float:left; padding-top:3px;}
.article_list .item .row2 .link  {display:block; float:right; width:150px; font-size:12px; line-height:24px; height:24px; color:#777777; overflow:hidden; word-break:break-all; text-decoration:underline; padding-top:1px;}
.article_list .item .row2 .title {display:block; margin:0 170px 0 40px;    font-size:14px; line-height:24px; height:24px; color:#0066AA; overflow:hidden; word-break:break-all; text-decoration:underline;}

.main_tb .type_page .block {border:1px solid transparent;}
.main_tb .type_page .block .hd {border-bottom:1px solid #CCC; padding:12px 20px 7px 20px;}
.main_tb .type_page .block .hd .title {font-size:14px; color:#000;}
.main_tb .type_page .block .hd .more {float:right;}
.main_tb .type_page .block .hd .more a {color:#ACF;}
.main_tb .type_page .block .hd .more span {color:#ACF; margin:0 7px;}
.main_tb .type_page .block .content {color:#0066AA; padding:20px;}

.block {border:1px solid #DDD; background-color:#FFF; margin:0 0 5px 0; padding:0;}
.block .hd {padding:10px 10px 6px 10px; border-bottom:1px solid #FDE9D8; background-color:#FAF8F3;}
.block .hd .more{float:right;}
.block .hd .more a		{font-size:12px; color:#ACF;}
.block .hd .more span	{font-size:12px; color:#FA6; margin-left:10px; margin-right:10px;}
.block .hd a {font-size:12px; color:#000;}
.block .content {padding:10px 20px; color:#0066AA;}
.block .item {padding:10px 20px 6px 30px;  border-bottom:1px dotted #FEC; color:#0066AA;}
.block .hover {background-color:#FAF8F3;}
.block .current {background-color:#FAF8F3;}
.block .private {color:#851;}
.block .feed {}
.block .feed .item {padding:5px 20px 3px 30px;  border:none;}
.block .feed .item .usr{ float:left; width:60px; font-size:12px; color:#777; height:20px; line-height:20px; overflow:hidden; word-break:break-all; text-decoration:underline;}
.block .feed .item .ats{ display:block; font-size:12px; color:#0066AA; height:20px; line-height:20px; overflow:hidden; word-break:break-all; text-decoration:underline;}

.blk_s { margin:10px 0 0 0;}
.blk_s .hd {border-bottom:1px solid #CCC; padding:12px 20px 7px 20px;}
.blk_s .hd .title {font-size:12px; color:#000;}
.blk_s .content {padding:10px 20px;}
.blk_s .content .it {}
.blk_s .content .it .ats	{display:inline-block; font-size:12px; line-height:24px; height:24px; color:#0066AA; overflow:hidden; word-break:break-all; text-decoration:underline;}

.home_notice {background-color:#FA6; padding:0; border:1px solid #FA6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.home_notice .header {padding:10px 10px 0px 10px; color:#FFF; font-size:12px; font-weight:bold;}
.home_notice .content {padding:10px; margin:8px; background-color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.recommend {border:1px solid #FA6; padding:10px 20px; margin-bottom:10px; background-color:#FFFAF6;}
.recommend .it {border-bottom:1px dotted #EEE; margin-bottom:5px;}
.recommend .it .usr    {display:inline-block; font-size:12px; line-height:24px; height:24px; color:#777; overflow:hidden; word-break:break-all; text-decoration:underline; padding:0 10px 0 0;;}
.recommend .it .txt {padding:0; font-size:12px; color:#777;}
.recommend .it .article {display:inline-block; font-size:14px; line-height:28px; height:28px; color:#0066AA; overflow:hidden; word-break:break-all; text-decoration:underline;}
.recommend .it .is_read {font-size:12px; color:#777;}

.invitation {border:1px solid #FA6; padding:10px 20px; margin-bottom:10px; background-color:#FFFAF6;}
.invitation td {font-size:12px; color:#777; padding:5px; border-bottom:1px dotted #DDD; line-height:28px;}
.invitation .inviter 		{font-size:12px; color:#777; text-decoration:underline;}
.invitation .invite_circle 	{font-size:14px; color:#0066AA; text-decoration:underline; padding-left:10px; white-space:nowrap;}
.invitation .btn {font-size:12px; color:#ACF; margin-left:10px;}

.member_name {float:left; height:14px; margin:4px 5px;}
.member_name a    {display:inline-block; color:#0066AA; font-size:12px; height:14px; overflow:hidden; word-break:break-all; line-height:100%;}




.btn_follow {background-repeat:repeat-x; background-image:url(/images/btn_follow_bg.png); border:1px solid #0F0; padding:1px 5px; color:#FFF; margin:0;}

.big{ font-size:14px; font-weight:bold;}
.blue {color:#ACF;}
.blue_border {border-color:#ACF;}
.yellow {color:#FA6;}
.yellow_border {border-color:#FA6;}


/* 弹出的save窗口：login 和 save ~~~~~~~~~~~~  */
.ext_save {margin:10px 20px; width:600px;}
.ext_save .header {text-align:right; padding-right:20px; border-bottom:1px solid #CCC;}
.install_btn {font-size:14px; display:inline-block; padding:5px 20px; background-color:#395; color:#FFF; border-width:2px; border-style:solid; border-color:#FFF #666 #666 #FFF;}